{{ define "title" -}}
404 Page not found &ndash; {{ site.Title -}}
{{ end -}}

{{ define "main" -}}
{{ $newIssuePath := "issues/new?title=Unexpected%20page-not-found%20error&body=URL%3A%20%0AExpected%20page%3A%20" -}}
{{ $newIssueUrl := printf "%s/%s" site.Params.repo $newIssuePath -}}

<section class="hero is-primary has-background-image">
  <div class="hero-body">
    <div class="container has-text-centered">
      <p class="title is-size-1 is-size-2-mobile has-text-weight-bold">
        Page not found
      </p>
      <p class="subtitle is-size-3 is-size-4-mobile has-text-grey-lighter has-text-weight-medium">
        404
      </p>
    </div>
  </div>
</section>

<section class="section">
  <div class="container has-text-centered">
    <div class="content">
      <p>
        The page that you requested doesn't exist.
      </p>
      <p>
        Check the URL's spelling.
      </p>
      <p>
        If you think that the page should exist,
        <a href="{{ $newIssueUrl }}" target="_blank" rel="noopener">create an issue.</a>
      </p>
      <p>
        <a class="button is-primary" href="/">
          Homepage
        </a>
      </p>
    </div>
  </div>
</section>
{{ end -}}
